html { min-height: 101%; background: url(../images/bg.jpg); }
html,body{ padding: 0; margin: 0; }
.g-content{ width:80%; margin: 0 auto; padding-bottom: 20px;min-width: 600px;}
.g-content h3{ padding: 0.5em 0.5em 0.1em; margin: 0; }
ul{list-style: none;}
.title{ text-align: center; font-size: 25px; font-weight: bold; }
.libsList li{ overflow: hidden; width: 100%; padding: 4px 0; margin: 0; line-height: 1.7em; border-bottom: 1px solid #ddd; color: #333; cursor: pointer; }
.libsList li:nth-child(2n-1){background:#e2f1fe ;}
.libsList h4 { margin: 0; padding: .5em 0;color:#3276b1; }
.resultbox{ margin-top: 0.5em; padding-bottom: 0.5em; padding-right: 1em; background-color: #f9f9f9; border-radius: 5px;}
#header { border-bottom: 1px solid #285e8e; background: #3276b1; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.2); overflow : hidden; }
#navlist{ float: right; margin: 0 10% 0 0; }
#navlist li{ display : inline-block; text-transform: uppercase; padding: 1em 0.3em; font-size: 0.9em; text-align: center; }
#navlist li a{ -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transition: color .5s; text-decoration: none; color: #eee; }
#navlist li a:hover{ color: #fff; border-bottom: 1px solid #fff; }
#navlist li .active{ color: #fff; border-bottom: 1px solid #fff; }
#logo a{ color: #eee;text-decoration: none;}
#logo { float : left; margin-left: 10%; font-size: 1.4em; line-height: 1.2em; text-transform : uppercase; color: #eee; cursor : pointer; }
#logo span { font-family : verdana; letter-spacing : 1px; padding-left : 2px; vertical-align: bottom; }
.ff { font-family: "Microsoft Yahei", "微软雅黑", "Helvetica Neue", "adobe雅黑", "helvetica neue", tahoma, "hiragino sans gb", stheiti, "wenquanyi micro hei", \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif; }
.resultbox .desc{margin-left:1em;padding: 0.5em;    background: #3276b1;color:#fff;}
.resultbox .api{display:block;padding-top: 5px;color:#fff;text-decoration:none;}
.resultbox .api:hover{text-decoration:underline;}
.toast{position: fixed; background: rgba(0,0,0,.6); color: #fff; padding: 10px; border-radius: 4px; top: 59px; left: 50%; transform: translateX(-50%);display: none;}
/*add */
#desc img{ text-align: center; }
        #desc { max-width: 800px; margin:0 auto; font-family: "Microsoft Yahei", "微软雅黑", "Helvetica Neue", "adobe雅黑", "helvetica neue", tahoma, "hiragino sans gb", stheiti, "wenquanyi micro hei", \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif; background: #f9f9f5; }
        #desc img { text-align: center; padding-left: 60px; }
        #desc p,#desc strong,#desc h3{ padding-left: 20px; }